<template>
	<div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>湘南院区</div>
				<div>
					<p>北京市大兴区**路990号</p>
				</div>
			</div>
			<div class="p2"><img src="@/static/addmore.png" alt=""></div>
		</div>
		<div class="pp"></div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>湘南院区</div>
				<div>
					<p>北京市大兴区**路990号</p>
				</div>
			</div>
			<div class="p2"><img src="@/static/addmore.png" alt=""></div>
		</div>
		<div class="pp"></div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>湘南院区</div>
				<div>
					<p>北京市大兴区**路990号</p>
				</div>
			</div>
			<div class="p2"><img src="@/static/addmore.png" alt=""></div>
		</div>
		<div class="pp"></div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			jump() {
				uni.navigateTo({
					url: "../../../hospital/pages/navigatio/navigatiodetail"
				})
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		line-height: 60px;
		margin: 10px 0;
	}

	.p1 {
		width: 20%;
		text-align: center;
	}

	img {
		vertical-align: middle;
		margin: 0 auto;
	}

	.p1 img {
		width: 50px;

	}

	.p2 img {
		width: 10px;
	}

	.d1 {
		line-height: 30px;
		width: 70%;
	}

	.pp {
		height: 1rpx;
		background-color: #f2f2f2;
		margin: 0 20px;
	}

	p {
		font-size: 14px;
		font-weight: 200;

	}
</style>